﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddNewGroup.aspx.cs" Inherits="KhoaLuan.MainSys.Manager.Group.AddNewGroup" %>

<div style="background: #fff; padding: 20px; margin: auto; clear: both; width: 500px; margin: auto; position: absolute; bottom: auto; left: 0; right: 0; vertical-align: middle;" id="divAddNewGroup">
    <script src="/Scripts/dluscript.js"></script>
    <div class="modal-header" style="height: 50px; background: #3276b1; text-align: center; margin-bottom: 20px; margin: -20px; color: white;">
        <span style="font-weight: bold; font-family: 'Open Sans',Arial,Helvetica,Sans-Serif; font-size: 20px; text-align: center;" runat="server" id="Title"></span>

        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #fff !important; opacity: 1">
            &times;
        </button>
    </div>
    <div class="modal-body no-padding" style="background: white; margin-top: 20px;">
        <div id="smart-form-register" class="smart-form">
            <fieldset>
                <section>
                    <label class="input">
                        <i class="icon-append fa fa-user"></i>
                        <input type="text" name="Groupname" placeholder="Nhập tên Nhóm" id="txtGroupName">
                        <b class="tooltip tooltip-bottom-right">Nhập tên Group</b>
                    </label>
                </section>

                <section>
                    <label class="input">
                        <i class="icon-append fa fa-user"></i>
                        <input type="text" name="Note" placeholder="Nhập Note" id="txtNote">
                        <b class="tooltip tooltip-bottom-right">Nhập Note</b>
                    </label>
                </section>


            </fieldset>
            <footer>
                <input type="button" class="btn btn-default" value="Hủy" data-dismiss="modal" />
                <input type="button" class="btn btn-primary" value="Lưu" id="btnSave" />

            </footer>
        </div>
    </div>
    <div style="clear: both;"></div>

</div>
<script type="text/javascript">

    var AddNewGroup = {
        Save: function () {
            var groupName = $('#txtGroupName').val();
            var note = $('#txtNote').val();
            if (groupName == "") {
                alertbox("Vui lòng điền đầy đủ thông tin");
                return;
            }
            CallAjaxAspx("POST", "InserttbGroup", "/MainSys/ProcessAJAX/AjaxGroup.aspx", {
                GroupName: groupName,
                Note: note
            }, function (response) {
                debugger;
                if (JSON.parse(response).Status) {
                    alertSmallBox("Thêm thành công Group", "2 giây trước");
                    window.location.reload();
                }
                else {
                    alertSmallBox("Thêm Group thất bại", "2 giây trước", "error");
                }
            }, function () {
                $("body").addClass("loading");
                //beforesend
            }, function () {
                //sendcomplete
                $("body").removeClass("loading");
            });
        },

        Update: function () {
            debugger;
            var groupName = $('#txtGroupName').val();
            var note = $('#txtNote').val();

            if (groupName == "") {
                alertbox("Vui lòng điền đầy đủ thông tin");
                return;
            }
            CallAjaxAspx("POST", "UpdatetbGroup", "/MainSys/ProcessAJAX/AjaxGroup.aspx", {
                GroupID: currentGroup.GroupId,
                GroupName: groupName,
                Note: note
            }, function (response) {
                if (JSON.parse(response).Status) {
                    alertSmallBox("Sửa thành công Group", "2 giây trước");
                    window.location.reload();
                }
                else {
                    alertSmallBox("Sửa Group thất bại", "2 giây trước", "error");
                }
            }, function () {
                $("body").addClass("loading");
                //beforesend
            }, function () {
                //sendcomplete
                $("body").removeClass("loading");
            });
        },


        FillData: function (group) {
            $('#txtGroupName').val(group.GroupName);
            $('#txtNote').val(group.Note);
        }
    };


    $(document).ready(function () {
        if (typeof currentGroup !== 'undefined' && currentGroup != null) {
            $('#<%=Title.ClientID%>').text("CẬP NHẬT THÔNG TIN GROUP");
            debugger;

            AddNewGroup.FillData(currentGroup);
        }
        else {
            $('#<%=Title.ClientID%>').text("THÊM MỚI GROUP");
        }

        $("#divAddNewGroup").delay(500).fadeIn(500).verticalAlign(400);
        $("#btnSave").click(function () {
            debugger;
            if (typeof currentGroup !== 'undefined' && currentGroup != null)
                AddNewGroup.Update();
            else
                AddNewGroup.Save();
        });
    });
</script>

